<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org"
      xmlns="http://www.w3.org/1999/xhtml" layout:decorate="~{layout/template}">
<head>
    <title>新增</title>
    <link rel="stylesheet" href="/css/system/role/add.css"/>
</head>
<body>
<div id="contentContainer" layout:fragment="content" class="contentContainer navItem" v-cloak>

<el-row>
    <el-col :span="9" :offset="3">
    <el-form :model="form" :rules="rules" ref="form" label-width="80px">
        <el-form-item label="角色名" prop="roleName">
            <el-input v-model="form.roleName"></el-input>
        </el-form-item>
        <el-form-item label="角色描述" prop="roleDesc">
            <el-input v-model="form.roleDesc"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="submitForm('form')">立即创建</el-button>
            <el-button @click="resetForm('form')">重置</el-button>
        </el-form-item>
    </el-form>
    </el-col>
    <el-col :span="6" :offset="6">
        <el-tree
                show-checkbox
                ref="tree"
                node-key="id"
                check-strictly="true"
                :data="resourceTree"
                :props="treeProps">
        </el-tree>
    </el-col>
</el-row>

</div>

<th:block layout:fragment="staticFile">
<script src="/js/system/role/add.js"></script>
</th:block>

</body>
</html>